<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>{{ name }}</title>
    {% if github_css %}
    <link rel="stylesheet" type="text/css" href="github-markdown.css"/>
    {% endif %}

    <style>
        #workflow_scheme, .plot {
            max-height: 75vh;
        }

        h2 {
            clear: both;
        }

        .markdown-body {
            overflow: auto;
            width: 50vw;
            margin-left: auto;
            margin-right: auto;
        }

        @media print {
            #workflow_scheme, .plot {
                max-height: 600px;
                max-width: 600px;
            }

            .markdown-body {
                width: auto;
            }

            .block {
                page-break-inside: avoid;
            }
        }

        #task_image {
            margin-right: 1em;
        }
    </style>

    <style>
        /*
         * GitHub style for Pygments
         * Courtesy of GitHub.com
         */

        .hll {
            background-color: #f8f8f8;
            border: 1px solid #ccc;
            padding: 6px 10px;
            border-radius: 3px;
        }

        .c {
            color: #999988;
            font-style: italic;
        }

        .err {
            color: #a61717;
            background-color: #e3d2d2;
        }

        .k {
            font-weight: bold;
        }

        .o {
            font-weight: bold;
        }

        .cm {
            color: #999988;
            font-style: italic;
        }

        .cp {
            color: #999999;
            font-weight: bold;
        }

        .c1 {
            color: #999988;
            font-style: italic;
        }

        .cs {
            color: #999999;
            font-weight: bold;
            font-style: italic;
        }

        .gd {
            color: #000000;
            background-color: #ffdddd;
        }

        .gd .x {
            color: #000000;
            background-color: #ffaaaa;
        }

        .ge {
            font-style: italic;
        }

        .gr {
            color: #aa0000;
        }

        .gh {
            color: #999999;
        }

        .gi {
            color: #000000;
            background-color: #ddffdd;
        }

        .gi .x {
            color: #000000;
            background-color: #aaffaa;
        }

        .go {
            color: #888888;
        }

        .gp {
            color: #555555;
        }

        .gs {
            font-weight: bold;
        }

        .gu {
            color: #800080;
            font-weight: bold;
        }

        .gt {
            color: #aa0000;
        }

        .kc {
            font-weight: bold;
        }

        .kd {
            font-weight: bold;
        }

        .kn {
            font-weight: bold;
        }

        .kp {
            font-weight: bold;
        }

        .kr {
            font-weight: bold;
        }

        .kt {
            color: #445588;
            font-weight: bold;
        }

        .m {
            color: #009999;
        }

        .s {
            color: #dd1144;
        }

        .n {
            color: #333333;
        }

        .na {
            color: teal;
        }

        .nb {
            color: #0086b3;
        }

        .nc {
            color: #445588;
            font-weight: bold;
        }

        .no {
            color: teal;
        }

        .ni {
            color: purple;
        }

        .ne {
            color: #990000;
            font-weight: bold;
        }

        .nf {
            color: #990000;
            font-weight: bold;
        }

        .nn {
            color: #555555;
        }

        .nt {
            color: navy;
        }

        .nv {
            color: teal;
        }

        .ow {
            font-weight: bold;
        }

        .w {
            color: #bbbbbb;
        }

        .mf {
            color: #009999;
        }

        .mh {
            color: #009999;
        }

        .mi {
            color: #009999;
        }

        .mo {
            color: #009999;
        }

        .sb {
            color: #dd1144;
        }

        .sc {
            color: #dd1144;
        }

        .sd {
            color: #dd1144;
        }

        .s2 {
            color: #dd1144;
        }

        .se {
            color: #dd1144;
        }

        .sh {
            color: #dd1144;
        }

        .si {
            color: #dd1144;
        }

        .sx {
            color: #dd1144;
        }

        .sr {
            color: #009926;
        }

        .s1 {
            color: #dd1144;
        }

        .ss {
            color: #990073;
        }

        .bp {
            color: #999999;
        }

        .vc {
            color: teal;
        }

        .vg {
            color: teal;
        }

        .vi {
            color: teal;
        }

        .il {
            color: #009999;
        }

        .gc {
            color: #999;
            background-color: #EAF2F5;
        }
    </style>
</head>
<body class="markdown-body">
{{ markdown }}
</body>
</html>